<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="author" content="姜启航">
    <title>唯品会</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/base.css">
</head>
<body>
<nav class="top-nav">
    <div class="container">
        <div class="left">
            <div class="diqu">
            <span>河南</span>
            <span class="jiantou henan"></span>
            </div>         
            <div class="left-menu">
                <p>请选择所在的收货地区</p>
                <table>
                    <tr>
                        <th>A</th>
                        <td>
                            <span>安徽</span>

                            <span>澳门</span>
                        </td>
                    </tr>
                    <tr>
                        <th>B</th>
                        <td>
                            <span>北京</span>
                        </td>
                    </tr>
                    <tr>
                        <th>C</th>
                        <td><span>重庆</span></td>
                    </tr>
                    <tr>
                        <th>F</th>
                        <td><span>福建</span></td>
                    </tr>
                    <tr>
                        <th>G</th>
                        <td><span>广西</span> <span>广东</span></td>
                    </tr>
                    <tr>
                        <th>J</th>
                        <td><span>江苏</span> <span>吉林</span></td>
                    </tr>
                </table>    
            </div>
        </div>
        <ul class="right">
            <li><a href="#">请登录</a>
            </li>
            <li><span class="xiegang"></span></li>
            <li><a href="#">注册</a></li>
            <li><span class="xiegang"></span></li>
            
            <li><span class="qiandao"></span> 签到有礼</li>
            <li><span class="xiegang"></span></li>
            <li><a href="#">我的订单</a></li>
            <li><span class="xiegang"></span></li>
            <li><a href="#">我的特卖</a><span class="jiantou"></span></li>
            <li><span class="xiegang"></span></li>
            <li><a href="#">会员俱乐部</a><span class="jiantou"></span></li>
            <li><span class="xiegang"></span></li>
            <li><a href="#">客户服务</a><span class="jiantou"></span></li>
            <li><span class="xiegang"></span></li>
            <li><span class="phone"></span><a href="#">手机版</a></li>
            <li><span class="xiegang"></span></li>
            <li><a href="#">更多</a><span class="jiantou"></span></li>
        </ul>
    </div>
</nav>
<header>
    <div class="container">
        <div class="header">
        <img src="./img/1496219375910.png" alt="">
        <div class="img-left">
        <a href="#"><img src="./img/1466131264367.png" alt=""></a>
        <a href="#"><img src="./img/1466131266290.png" alt=""></a>
        <a href="#"><img src="./img/1466131268726.png" alt=""></a>  
         <a class="a-left"><span class="gouwu"></span>我的购物袋</a>  
        </div>
        </div>
       
    </div>
</header>
<nav class="nav">
    <div class="container">
        <ul class="ul-right">
            <li class="shouye"><a href="#">首页</a></li>
            <li><a href="#">唯品国际</a></li>
            <li><a href="#">母婴</a></li>
            <li><a href="#">家具家电</a></li>
            <li><a href="#">男士</a></li>
            <li><a href="#">美妆</a></li>
            <li><a href="#">生活超市</a></li>
            <li><a href="#">金融</a></li>
            <li><a href="#">更多</a></li>
        </ul>
        <ul class="ul-left">
            <li><a href="#"><span class="fenlei"></span> 分类</a></li>
            <li class="yugaode"><a href="#"><span class="yugao"></span> 预告</a></li>
        </ul>
    </div>
</nav>
<main>
    <div class="zhuti">
        <div class="container">
            <div class="box">
                <ul class="img-list">
                    <li class="active"><a href="#"><img src="./img/lunbo01.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./img/lunbo02.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./img/lunbo03.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./img/lunbo04.jpg" alt=""></a></li>
                </ul>
                <ul class="indicator">
                    <li class="active"><a href="#">欧莱雅集团VIP大牌日</a></li>
                    <li><a href="#">时尚风暴 最高满199减40</a></li>
                    <li><a href="#">居家夏末福利大派送</a></li>
                    <li><a href="#">全球早秋扫货指南</a></li>
                    
                </ul>
                <div class="img-click">
                    <span class="prev">&lt;</span>
                    <span class="next">&gt;</span>
                </div>
            </div>
        </div>
    </div>
</main>
</body>
</html>